let oimg=document.querySelectorAll(".yanse img");
let oh=document.querySelectorAll(".yanse h1");
let op=document.querySelectorAll(".yanse li p");
let oa1=document.querySelector("#a1");
// console.log(oa1);
let oul=document.querySelector(".yanse ul");
// console.log(oul);
// console.log(location.search);
// let str=location.search.slice(1);
// console.log(str);
	$.ajax({
		url:"./js/2.php",
		type:"post",
		data:{},
		success:function(resText){
			 // console.log(resText);
		 let t=JSON.parse(resText);
		 // console.log(t);
		 t.data.forEach(function(item,index){
			 let newli= oa1.cloneNode(true);
			 newli.id="";
			oul.appendChild(newli);
	     newli.querySelector("img").setAttribute("src",item.img);
		 newli.querySelector("h1").innerHTML=item.name;
		 newli.querySelector("p").innerHTML=item.age;
				newli.setAttribute("n-id",index+1);
				// console.log(newli[i]);
			    newli.onclick=function(){
				// console.log(this.getAttribute("n-id"));
			    location.href="3index.html?n-id="+(+this.getAttribute("n-id"));
		     }
		   
		 });
		 // for(let i=0;i<t.data.length;i++){
			// let k=[];
			// k[i]=t.data[i].img;
		 //   let p=[];
		 //   p[i]=t.data[i].name;
		 //   let u=[];
		 //   u[i]=t.data[i].age;
		 //    console.log(k[i],p[i],u[i]);
		 //   oimg[i].src=k[i];
		 //  oh[i].innerHTML=p[i];
		 //  op[i].innerHTML=u[i];
		 // }
		}
	});
